<template>
  <div class="common-line" :style="getStyle"></div>
</template>

<script>
export default {
  name: 'MyLineComponent',
  props: {
    rotate: Number,
    height: Number,
    width: Number,
    backgroundColor: String,
    borderRadius: String,
    boxShadow: String
  },
  computed: {
    getStyle() {
      const {
        rotate,
        width,
        height,
        backgroundColor,
        borderRadius,
        boxShadow
      } = this;
      return {
        height: height + 'rem',
        width: width + 'rem',
        backgroundColor,
        transform: 'rotate(' + rotate + 'deg)',
        boxShadow,
        borderRadius
      };
    }
  },
  mounted() {},
  methods: {}
};
</script>

<style lang="scss" scoped>
</style>